<template>
  <div class="topbar">
      <div class="shopdis">
           <span class="iconfont icon-jiantou2" @click="goback()"></span>   
           <span>商品评价</span>
      </div>
      <h3>全部</h3>
          <ul class="dialist">
              <li v-for="(v,i) in arr" :key="i">
                 <div class="list">
                   <div class="user">
                      <img src="https://brup.shengri.cn/image/avatar_default.png" alt="">
                      <span>{{v.phone}}</span>
                  </div>
                  <div class="disdetail">
                      <p>{{v.content}}</p>
                      <img :src="v.img" alt="">
                      <img :src="v.img1" alt="">
                      <p class="time">{{v.time}}</p>
                  </div>
                  </div>    
              </li>
          </ul>
  </div>
</template>

<script>
import {getlink} from "a/getapi.js"
export default {
      data(){
     return{ arr:[]}
    },
 mounted(){ 
        getlink("/demo/discuss").then((ok)=>{
            this.arr=ok.data.dicuss.discontent    
            console.log(ok)

        })
    },
methods:{
   goback(){
this.$router.push("/flowerinfo")
   } 
}
}
</script>

<style scoped>
@import '../../../public/flower/iconfont.css';

.topbar{
    width:100%;
    font-size: 0.16rem;
}
.shopdis .iconfont{
     font-size: 0.2rem;
}
.shopdis{
    height: 0.86rem;
    line-height: 0.86rem;
    font-size: 0.2rem;
    padding: 0 0.08rem;
    box-sizing: border-box;
}
.topbar h3{
   color: #df4534;
   height: 0.36rem;
   line-height: 0.36rem;
   text-align: center;
   border-bottom: 0.02rem solid #f5f5f5;
   border-top: 0.02rem solid #f5f5f5;

}
.dialist{
    width: 100%;
    background-color: #f9f9f9;
    overflow: hidden;
}
.dialist li{
    /* height: 1.06rem; */
     width: 100%;
    background-color: #fff;
   border-bottom: 0.02rem solid #f5f5f5;
   border-top: 0.02rem solid #f5f5f5;
   margin-top: 0.1rem;
}
.dialist li .list{
 padding-left: 0.14rem;
    box-sizing: border-box;
}
.user{
    height: 0.42rem;
    line-height: 0.42rem;
     border-bottom: 0.02rem solid #f5f5f5;
}
.user img{
    display: inline-block;
    height: 0.35rem;
    width: 0.35rem;
    margin-right: 0.15rem;
    border-radius: 50%;
}
.disdetail{
    padding: 0.08rem 0;
    box-sizing: border-box;
}
.disdetail img{
    width: 0.8rem;
}
.time{
    color:#e9e9e9;
    font-size: 0.12rem;
    margin-top: 0.04rem;
}
</style>>
